<template>
    <div>
        <div class="dietitian-box clearfix b-g-f">
            <div class="dietitian-content clearfix">
                <img class="dietitian-pic" :src="info.avatar" alt="">
                <div class="dietitian-name-box clearfix">
                    <span class="dietitian-name">{{info.user_nickname}}</span>
                    <span class="dietitian-address">{{info.hospital_name}}</span>
                </div>
            </div>
            <div class="dietitian-message clearfix">
                <span class="dietitian-jianjie">简介</span>
                <div class="dietitian-div">
                    {{info.intro}}
                </div>
            </div>
        </div>
    </div>
</template>
<script>
export default {
    data(){
        return{
            info:{}
        }
    },
    mounted(){
        this.userGetDietitian()
    },
    methods:{
        userGetDietitian(){
            this.$api.shopping.userGetDietitian({id:this.$route.query.id}).then(resp=>{
                if(resp.code == 1){
                    this.info = resp.data
                }
            })
        }
    }
}
</script>

<style lang="less" scoped>
.dietitian-box{
    margin: 20px 30px;
    border-radius: 20px;
    .dietitian-content{
        padding: 30px;
        .dietitian-pic{
            width: 150px;
            height: 150px;
            border-radius: 50%;
            float: left;
        }
        .dietitian-name-box{
            margin-left: 180px;
            .dietitian-name{
                font-size: 42px;
                display: block;
                height: 90px;
                line-height: 110px;
                overflow: hidden;
            }
            .dietitian-address{
                font-size: 36px;
                color: #666;
                display: block;
                height: 60px;
                line-height: 40px;
            }
        }
    }
    .dietitian-message{
        padding: 30px;
        .dietitian-jianjie{
            margin-left: 25px;
            width: 100px;
            height: 50px;
            line-height: 55px;
            text-align: center;
            display: block;
            float: left;
            font-size: 30px;
            border: solid 2px #56a0ea;
            color: #56a0ea;
            overflow: hidden;
            border-radius: 20px;
        }
        .dietitian-div{
            margin-left: 180px;
            font-size: 32px;
            line-height: 50px;
            color: #666666;
            text-align: justify;
        }
    }
}
</style>

